<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮廓</title>
    <style>
        p.p1{

            border: 2px solid red;
            outline: green dotted 3px;
        }

        p.p2{
            border: 2px solid red;
            outline-style: outset;

        }

        p.p3{
            border: 2px solid red;
            outline-style: groove;
            outline-color: orange;
            outline-width: 15px;

        }

    </style>
</head>
<body>

<h2>在元素周围划线</h2>
<hr>
<p class="p1"><b>注意:</b>轮廓在bolder的外围</p>


<h2>设置轮廓的样式/样式/宽度</h2>
<hr>
<p class="p2"><b>注意:</b>轮廓样式</p>

<p class="p3"><b>注意:</b>轮廓样式</p>







</body>
</html>